@charset "utf-8";
/* === <Main/General ====================== */
/* ======================================== */
* { 
	margin:0px;
	padding:0px;
}
body {
	margin:10px 0px 20px 0px;
	padding:0px; 
	font-size:62.5%;
	font-family:Arial;
	position:relative;
	background:url(../img/bg.png) top left repeat-x #dddddd;
	color:#000000;
}
img {
	border-width:0px;
	margin:0;
}
div, span, td, p, input {
	font-family:Arial, Helvetica, sans-serif;
}
div {
	position:relative;
}
div, span {
 	direction:rtl;
 	font-family:arial;
 	font-size:12px;
}
a {
	color:#4b7db5;
	text-decoration:none;
	outline:0;
}
a:hover {
	text-decoration:underline;
}
a.orange {
	color:#ee8530;
}
h1, .vLarge {
	font-size:1.6em;
}
h2, .medium {
	font-size:1.2em;
}
h3, .small {
	font-size:1.1em;
}
h4, .vSmall {
	font-size:1em;
}
.bold {
	font-weight:bold;
}
.normal {
	font-weight:normal;
}
.underline {
	text-decoration:underline;
}
.fr {
	float:right;
}
.fl {
	float:left;
}
.cb {
	clear:both;
}
.clear {
	clear:both;
	line-height:0px;
	height:0px;
	margin:0px;
	padding:0px;
	font-size:0px;
}
.vh {
	visibility:hidden;
}
.oHidden {
	overflow:hidden;
}
.oVisible {
	overflow:visible;
}
.s5 {
	height:5px;
	line-height:5px;
}
.s8 {
	height:8px;
	line-height:8px;
}
.s10 {
	height:10px;
	line-height:10px;
}
.s25 {
	height:25px;
	line-height:25px;
}
.s20 {
	height:20px;
	line-height:20px;
}
.s30 {
	height:30px;
	line-height:30px;
}
.s39 {
	height:39px;
	line-height:39px;
}
.s55 {
	height:55px;
	line-height:55px;
}
.s80 {
	height:80px;
	line-height:80px;
}
.s95 {
	height:95px;
	line-height:95px;
}
.ibWrapper {
	display:inline-block;
}
.twoArrow {
	font-size:13px;
	color:#919191;
}
.crtr, .crtl, .crbr, .crbl, .fcrtr, .fcrtl, .fcrbr, .fcrbl, .icrtr, .icrtl, .icrbr, .icrbl,  #hpMain1 .hmText .joinNow, .iconChatGrayOn, .iconChatGrayOff, .iconMailGrayOn, .iconMailGrayOff, .iconChatWhiteOn, .iconChatWhiteOff, .iconMailWhiteOn, .iconMailWhiteOff, .iconMailYellowOn, .iconMailYellowOff, .iconChatYellowOn, .setMeeting, .rcIcon1, .rcIcon2, .rcIcon3, .rcIcon4, #sidebar .sideLogged, #header #topMenu .afterLogin, .mood1, .mood1on, .mood2, .mood2on, .mood3, .mood3on, .mood4, .mood4on, .mood5, .mood5on, .uIconMe, .uIconMail, .uIconFriends, .uIconSupportGroups, #userTopMenu div, #userTopMenu .utmOn, #content .quoteSign, #loginBox .closeWindow, #friendDiv .closeWindow,#uMail .umFirstLine .compose, #uMail .umSLine .col1 .cbIcon, #uMail .umLineMessage .buttons .replay,#uMail .umLineMessage .buttons .approve,#uMail .umLineMessage .buttons .ignore, #uMail .umLineMessage .buttons .forward, #uMail .umLineMessage .buttons .delete, #uMail .umLineMessage .writer .umhwIcon, .esEditIcon, #expert .expertMenu .emb1, #expert .expertMenu .emb2, #expert .expertMenu .emb3, #expert .expertMenu .emb4, #uMail .umFirstLineCompose .send, #uMail .umFirstLineCompose .close, #uMail .umLastLineCompose .send, #uMail .umLastLineCompose .close,#experts .expertRow .erButtons .erSend,#experts .expertRow .erButtons .erMeet, .expertPro, .filterTypeUp, .filterTypeDown, .filterComboUp, .filterComboDown, .filterTypeDownSelect, .filterTypeUpSelect, .supQuestion, .supJoinGroup, .supSend, .ansBack, .qAns, .letterSelected{
	background:url(../img/mt.png) no-repeat 0 -1000px;
}
.crt, .crb {
	height:5px;
	width:100%;
	position:absolute;
	left:0;
	overflow:hidden;
}
.crt {
	top:0;
}
.crb {
	bottom:0;
}
.crtr, .crtl, .crbr, .crbl, .fcrtr, .fcrtl, .fcrbr, .fcrbl, .icrtr, .icrtl, .icrbr, .icrbl {
	width:5px;
	height:5px;
	overflow:hidden;
}
.crtr, .crbr, .fcrtr, .fcrbr, .icrtr, .icrbr {
	float:right;
}
.crtl, .crbl, .fcrtl, .fcrbl, .icrtl, .icrbl {
	float:left;
}
.crtr { background-position:-5px 0px; }
.crtl { background-position:0px 0px; }
.crbr { background-position:-5px -5px; }
.crbl { background-position:0px -5px; }
.fcrtr { background-position:-15px 0px; }
.fcrtl { background-position:-10px 0px; }
.fcrbr { background-position:-15px -5px; }
.fcrbl { background-position:-10px -5px; }
.icrtr { background-position:-291px -231px; }
.icrtl { background-position:-286px -231px; }
.icrbr { background-position:-291px -236px; }
.icrbl { background-position:-286px -236px; }

#mainContainer {
	width:960px;
	height:auto;
	margin:20px auto 20px auto;
	position:relative;
}
#header .logo {
	width:227px;
	height:46px;
	float:right;
	margin-left:20px;
	overflow:hidden;
}
#header #topSearch {
	width:300px;
	height:22px;
	margin-top:14px;
	float:right;
	overflow:hidden;
	background:url(../img/tsl.png) top left no-repeat;
	background-color:#ee8530;
}
#header #topSearch input.field {
	width:237px;
	height:16px;
	float:right;
	font-size:12px;
	color:#878787;
	text-align:right;
	padding:2px;
	border:1px solid #d0d0d0;
	border-left:1px solid #ee8530;
}
#header #topSearch div {
	width:52px;
	height:19px;
	overflow:hidden;
	float:right;
	font-size:12px;
	color:#ffffff;
	text-align:center;
	padding-top:3px;
	font-weight:bold;
	cursor:pointer;
	background-color:#ee8530;
}
#header #topSearch input.submit {
	width:1px;
	height:1px;
	font-size:1px;
	position:absolute;
	top:-1000px;
}
#header .top, #header #topMenu {
	width:100%;
	float:right;
	clear:right;
}
#header #topMenu {
	height:32px;
	overflow:hidden;
	margin:21px 0 0 0;
}
#header #topMenu .menuItems {
	width:670px;
	overflow:hidden;
	float:right;
}
#header #topMenu .menuItems .mItem1, #header #topMenu .menuItems .mItem2, #header #topMenu .menuItems .mItem3, #header #topMenu .menuItems .mItem4, #header #topMenu .menuItems .mItem5 {
	float:right;
	height:31px;
	line-height:31px;
	overflow:hidden;
	text-align:center;
	font-size:14px;
	font-weight:bold;
	color:#4b7db5;
	cursor:pointer;
	background:url(../img/tmoff.png) no-repeat 0 -1000px;
	background-position:0 0;
	margin-top:1px;
}
#header #topMenu .menuItems .mItem1 {
	width:69px;
}
#header #topMenu .menuItems .mItem2 {
	width:111px;
}
#header #topMenu .menuItems .mItem3 {
	width:80px;
}
#header #topMenu .menuItems .mItem4 {
	width:116px;
}
#header #topMenu .menuItems .mItem5 {
	width:62px;
	background:none;
}
#header #topMenu .menuItems .mItem1off, #header #topMenu .menuItems .mItem2off, #header #topMenu .menuItems .mItem3off, #header #topMenu .menuItems .mItem4off, #header #topMenu .menuItems .mItem5off {
	background:none;
}
#header #topMenu a:hover {
	text-decoration:none;
}
#header #topMenu .menuItems .mItem1on, #header #topMenu .menuItems .mItem2on, #header #topMenu .menuItems .mItem3on, #header #topMenu .menuItems .mItem4on, #header #topMenu .menuItems .mItem5on {
	background:url(../img/tmenu.png) no-repeat 0 -1000px;
	color:#ffffff;
}
#header #topMenu .menuItems .mItem1on a, #header #topMenu .menuItems .mItem2on a, #header #topMenu .menuItems .mItem3on a, #header #topMenu .menuItems .mItem4on a, #header #topMenu .menuItems .mItem5on a {
	color:#ffffff;
}
#header #topMenu .menuItems .mItem1on { background-position:-373px 0px; }
#header #topMenu .menuItems .mItem2on { background-position:-261px 0px; }
#header #topMenu .menuItems .mItem3on { background-position:-180px 0px; }
#header #topMenu .menuItems .mItem4on { background-position:-63px 0px; }
#header #topMenu .menuItems .mItem5on { background-position:0px 0px; }

#header #topMenu .preLogin {
	width:250px;
	overflow:hidden;
	text-align:left;
	line-height:36px;
	padding:0 10px 0 10px;
	float:left;
}
#header #topMenu .afterLogin {
	width:250px;
	height:31px;
	overflow:hidden;
	text-align:left;
	line-height:31px;
	padding:0 10px 0 10px;
	float:left;
	color:#ffffff;
	margin-top:1px;
	background-position:0px -33px;
}
#header #topMenu .afterLogin a {
	color:#ffffff;
}
#content {
	width:100%;
	background-color:#ffffff;
	overflow:hidden;
	float:right;
	margin-top:25px;
	padding:5px 0 5px 0;
}
#content h2 {
	color:#ee8530;
	padding:3px 10px 10px 10px;
}
#content .totalCounter {
	position:absolute;
	top:9px;
	left:10px;
	color:#919191;
}
#content .contentCloser {
	padding-right:10px;
	text-align:left;
	float:right;
	clear:right;
	width:650px;
}
#content select {
	text-align:right;
}
#sidebar {
	width:270px;
	overflow:hidden;
	float:left;
}
.sidebarWithMargin {
	margin-top:25px;
}
.sidebarWithoutMargin {
	margin-top:6px;
}
#sidebar .sideBox {
	background-color:#ffffff;
	padding:5px 0 5px 0;
	color:#878787;
}
#sidebar .sideBoxCloud {
	background-color:#ffffff;
	padding:5px 0 5px 0;
	color:#878787;
	width: 270px;
	height: 222px;
}
#sidebar .sideBoxP {
	padding:10px;
}
#sidebar .sideBoxNTP {
	padding:0 10px 0 10px;
}
#sidebar .sideBoxNP {
	padding:0;
}
#sidebar .sideBox .sbGray {
	padding:10px;
	background-color:#eeeeee;
	color:#878787;
}
#sidebar .sideBox h2 {
	color:#ee8530;
	padding:3px 10px 10px 10px;
}
#sidebar .sideBox h2.google {
	color:#cacaca;
}
#sidebar .sideBox img#googleads {
	position:absolute;
	top:9px;
	right:58px;
}
#sidebar .sideDate {
	position:absolute;
	top:10px;
	left:10px;
	color:#878787;
}	
#sidebar .sideCloser {
	padding:8px 10px 3px 10px;
}
#sidebar .sideCloser a {
	color:#0d94ea;
	font-size:11px;
}
#sidebar .npt {
	padding-top:0;
}
#sidebar .npb {
	padding-bottom:0;
}
#sidebar .sideLogged {
	width:270px;
	height:10px;
	line-height:10px;
	font-size:4px;
	background-position:0px -23px;
}
#footer {
	height:200px;
	margin:0 auto 10px auto;
	padding:10px;
	background-color:#eeeeee;
}
#footer a {
	font-size:11px;
}
#footer .fcTitle {
	color:#878787;
	font-size:12px;
	font-weight:bold;
	height:12px;
	padding-bottom:12px;
}
#footer .fColumn1, #footer .fColumn2, #footer .fColumn3, #footer .fColumn4, #footer .fColumn5, #footer .fColumn6, #footer .fColumn7 {
	float:right;
	line-height:14px;
	margin-left:10px;
	width:124px;
}
#credit {
	font-size:11px;
	color:#878787;
	margin:0 auto 20px auto;
}
.lbTop {
	border-top:1px solid #dddddd;
}
.lbBottom {
	border-bottom:1px solid #dddddd;
}
.userAvatar {
	width:76px;
	float:right;
	text-align:center;
}
.userAvatar .userImg {
	width:74px;
	height:74px;
	border:1px solid #dddddd;
	background-color:#dddddd;
}
.userAvatar a img {
	width:70px;
	height:70px;
	border:2px solid #ffffff;
}
.userAvatarCenter {
	margin:0 11px 0 11px;
}
.userAvatar span a {
	color:#0d94ea;
	font-size:10px;
}
.iconChatGrayOn, .iconChatGrayOff, .iconChatWhiteOn, .iconChatWhiteOff, .iconChatYellowOn {
	display:inline-block;
	width:11px;
	height:11px;
	overflow:hidden;
	cursor:pointer;
	margin-top:3px;
	float:right;
	margin-right: 24px;
}
.iconChatGrayOn { background-position:-32px 0px; }
.iconChatGrayOff { background-position:-21px 0px; }
.iconChatWhiteOn { background-position:-54px 0px; }
.iconChatWhiteOff { background-position:-43px 0px; }
.iconChatYellowOn { background-position:-139px 0px; }

.iconMailGrayOn, .iconMailGrayOff, .iconMailWhiteOn, .iconMailWhiteOff, .iconMailYellowOn , .iconMailYellowOff{
	display:inline-block;
	width:13px;
	height:11px;
	overflow:hidden;
	cursor:pointer;
	margin-top:3px;
	float:left; 
	margin-left: 24px;
}

.iconMailGrayOn { background-position:-13px -12px; }
.iconMailGrayOff { background-position:0px -12px; }
.iconMailWhiteOn { background-position:-39px -12px; }
.iconMailWhiteOff { background-position:-26px -12px; }
.iconMailYellowOn { background-position:-52px -12px; }
.iconMailYellowOff { background-position:-66px -12px; }

.setMeeting {
	width:71px;
	height:17px;
	overflow:hidden;
	margin:5px 12px 0 5px;
	color:#ffffff;
	font-weight:bold;
	font-size:11px;
	background-position:0px -260px;
	cursor:pointer;
	float:right;
	line-height:15px;
	text-align:center;
}
.checkHours {
	height:17px;
	width:160px;
	font-size:11px;
	line-height:15px;
	margin-top:5px;
	overflow:hidden;
	float:right;
}
.googleAd {
	line-height:14px;
	font-size:11px;
	padding:0 10px 10px 10px;
	color:#878787;
}
.googleAd a.gaLink {
	color:#91bc01;
}
#sidebar select {
	text-align:right;
}
#content .tagsTitle, .tagsTitle {
	color:#878787;
}
/* === >Main/General ====================== */


/* === <Homepage ========================== */
/* ======================================== */
#hpMain1 {
	width:100%
}
#hpMain1 .hmImage {
	width:260px;
	height:182px;
	overflow:hidden;
	float:right;
	margin-left:20px;
}
#hpMain1 .hmText {
	width:360px;
	height:182px;
	overflow:hidden;
	float:right;
	line-height:18px;
}
#hpMain1 .hmText h1 {
	color:#4b7db5;
}
#hpMain1 .hmText .joinNow {
	width:106px;
	height:22px;
	line-height:20px;
	overflow:hidden;
	background-position:0px -278px;
	position:absolute;
	padding-right:14px;
	font-weight:bold;
	top:145px;
	left:0px;
	cursor:pointer;
}
#hpMain2 {
	width:100%;
	padding-top:10px;
	background:url(../img/gpoint.gif) 50% 0 repeat-y;
}
#hpMain2 .links {
	width:316px;
	float:right;
	margin-left:20px;
}
#hpMain2 .links	.psgContainer {
	height:170px;
}
#hpMain2 .links .popularSupportGroups {
	width:138px;
	padding:10px;
	float:right;
	overflow:hidden;
	line-height:18px;
	margin-top:-10px;
}
#hpMain2 .links .popularSupportGroups a {
	color:#ee8530;
}
#hpMain2 .linksCloser {
	float:right;
	clear:right;
	padding:0 10px 10px 0;
}
#hpMain2 .activities {
	width:306px;
	float:right;
}
#hpMain2 .activities .activitiesContainer {
	height:170px;
	margin-right: 10px;
}
#hpMain2 .activities .recentActivity {
	width:100%;
	height:18px;
	line-height:18px;
	margin-bottom:10px;
	float:right;
	clear:right;
}
#hpMain2 .activitiesCloser {
	float:right;
	clear:right;
	padding:0 10px 10px 0;
}
.rcIcon1, .rcIcon2, .rcIcon3, .rcIcon4 {
	width:18px;
	height:18px;
	overflow:hidden;
	float:right;
	margin:0 10px 0 10px;
}
.rcIcon1 { background-position:-282px 0px; }
.rcIcon2 { background-position:-282px -19px; }
.rcIcon3 { background-position:-282px -37px; }
.rcIcon4 { background-position:-282px -55px; }

#hpMain3 .questions {
	width:650px;
	padding-right:10px;
	margin-top:5px;
}
#hpMain3 .questions .userQuestion {
	float:right;
	clear:right;
	width:100%;
	margin-bottom:15px;
}
#hpMain3 .questions .userQuestion .uqDetails {
	float:left;
	width:562px;
	line-height:16px;
}
#hpMain3 .questions .userQuestion .uqDetails a.title {
	font-size:16px;
}
/* === >Homepage ========================== */


/* === <Userpage ========================== */
/* ======================================== */
.moodText {
	color:#91bc01;
	font-weight:bold;
}
.moods {
	height:22px;
	overflow:hidden;
	margin:10px 0 10px 0;
	padding:0 10px 0 10px;
}
.mood1, .mood1on, .mood2, .mood2on, .mood3, .mood3on, .mood4, .mood4on, .mood5, .mood5on {
	width:22px;
	height:22px;
	overflow:hidden;
	cursor:pointer;
	float:right;
	margin-left:10px;
}
.mood1 { background-position:0px -65px; }
.mood1on { background-position:-22px -65px; }
.mood2 { background-position:0px -88px; }
.mood2on { background-position:-22px -88px; }
.mood3 { background-position:0px -111px; }
.mood3on { background-position:-22px -111px; }
.mood4 { background-position:0px -134px; }
.mood4on { background-position:-22px -134px; }
.mood5 { background-position:0px -157px; }
.mood5on { background-position:-22px -157px; }

.whatUrdn {
	background-color:#eeeeee;
	margin:0 10px 10px 10px;
	padding:10px;
}
.whatUrdn a {
	color:#878787;
}
#sidebar .userTools {
}
#sidebar .userTools .utLine {
	border-top:1px solid #dddddd;
	width:250px;
	height:27px;
	line-height:27px;
	padding:0 10px 0 10px;
}
#sidebar .userTools .utLine .utSelect {
	position:absolute;
	top:5px;
	left:7px;
}
#sidebar .userTools .utLine .utSelect span {
	line-height:normal;
}
#sidebar .userTools .utLine .messageCounter {
	width:87px;
	height:17px;
	line-height:17px;
	background-color:#fffdca;
	color:#ee8530;
	font-size:11px;
	text-align:center;
	position:absolute;
	top:5px;
	left:7px;
}
#sidebar .userTools .utLine .utsLabel {
	width:60px;
	height:17px;
	line-height:17px;
	color:#ee8530;
	font-size:11px;
	text-align:left;
	position:absolute;
	top:3px;
	left:97px;
}
.uIconMe, .uIconMail, .uIconFriends, .uIconSupportGroups {
	width:13px;
	height:11px;
	overflow:hidden;
	float:right;
	margin:8px 0 0 7px;
}
.uIconMe { background-position: -77px 0px; }
.uIconMail { background-position: -90px 0px; }
.uIconFriends { background-position: -103px 0px; }
.uIconSupportGroups { background-position: -116px 0px; }

#userTopMenu {
	width:670px;
	height:45px;
	float:right;
	margin-top:25px;
}
#userTopMenu div {
	float:right;
	width:112px;
	height:45px;
	line-height:33px;
	font-size:14px;
	text-align:center;
	color:#0d94ea;
	margin-left:10px;
	background-position:-45px -65px;
	cursor:pointer;
}
#userTopMenu .utmOn {
	font-weight:bold;
	color:#ee8530;
	background-position:-158px -65px;
}
#userTopMenu .utmOff {
	font-weight:bold;
	color: #CDCDCD;
}
#userTopMenu .utmTitle {
	color:#4b7db5;
	font-weight:bold;
	text-align:left;
	background:none;
}
#userTopMenu .umTitle {
	color:#4b7db5;
	font-weight:bold;
	text-align:left;
	background:none;
	width:45px;
}
#content .uLine {
	width:650px;
	padding:15px 10px 15px 10px;
	line-height:18px;
	color:#878787;
	border-bottom:1px solid #dddddd;
}
#content .uLineQuote, #content .uLineUserImage {
	padding:2px 38px 0 0;
	font-size:11px;
	color:#878787;
}
#content .uLineQuote {
	padding-right:51px;
}
#content .timing {
	font-size:11px;
	color:#bbbbbb;
}
#content .uLineLast {
	border-bottom:none;
}
#content .quoteSign {
	width:8px;
	height:8px;
	background-position:-130px -2px;
	position:absolute;
	right:38px;
	top:8px;
}
/* === >Userpage ========================== */


/* === <Custom Form Elements ============== */
/* ======================================== */
span.checkbox {
	width:19px;
	height:25px;
	padding:0px 5px 0px 0px;
	background:url(../img/checkbox.gif) no-repeat;
	display:inline-block;
	float:left;
}
span.radio {
	width:19px;
	height:25px;
	padding:0px 5px 0px 0px;
	background:url(../img/radio.gif) no-repeat;
	display:inline-block;
	float:left;
}
span.select {
	position:absolute;
	width:56px;
	height:17px;
	padding:0px 8px 0px 20px;
	/* font:12px/21px; */
	font-size:11px;
	background:url(../img/smallselect.png) no-repeat;
	background-position:0px 0px;
	overflow:hidden;
	color:#878787;
}
#uMail .umFirstLine .moreActions span.select {
	position:absolute;
	width:122px;
	height:20px;
	padding:0px 8px 0px 24px;
	/* font:12px/21px; */
	font-size:12px;
	background:url(../img/bigselect.png) no-repeat;
	background-position:0px 0px;
	overflow:hidden;
	color:#878787;
}
/* === >Custom Form Elements ============== */


/* === <Login Box ========================= */
/* ======================================== */
#loginBox {
	width:320px;
	height:245px;
	overflow:hidden;
}
#loginBox .header {
	height:36px;
	line-height:36px;
	overflow:hidden;
	background-color:#f3f3f3;
	color:#ee8530;
	font-size:16px;
	font-weight:bold;
	padding:0 10px 0 10px;
	border-bottom:1px solid #dddddd;
}
#loginBox .closeWindow {
	width:24px;
	height:22px;
	overflow:hidden;
	background-position:-246px 0px;
	float:left;
	margin-top:7px;
	cursor:pointer;
}
#loginBox .loginRow	{
	height:21px;
	line-height:21px;
	padding:0 15px 0 15px;
	overflow:hidden;
	margin-bottom:10px;
}
#loginBox .loginRowThin	{
	height:17px;
	line-height:17px;
	padding:0 15px 0 15px;
	overflow:hidden;
	margin-bottom:5px;
	color:#878787;
}
#loginBox .loginRow	label {
	float:right;
	color:#878787;
	font-weight:bold;
}
#loginBox .loginRow	input {
	float:left;
	height:19px;
	width:192px;
	border:1px solid #bdc7d8;
	color:#878787;
	text-align:left;
}
#loginBox #rMe {
	height:21px;
	width:100%;
	line-height:21px;
	overflow:hidden;
	color:#878787;
	margin-right: 111px;
}
.lbrmLabel {
	float:right;
	line-height: 5px;
}
.lbrmCheck {
	width: 15px;
	height: 15px;
	float:right;
}
#loginBox #rMe label {
	float:left;
	padding-right:5px;
	font-weight:normal;
}
#loginBox .lbSubmit {
	background:#EE8530 url(../img/tsl.png) no-repeat left top;
	color:#ffffff;
	cursor:pointer;
	font-size:12px;
	font-weight:bold;
	height:19px;
	left:16px;
	overflow:hidden;
	padding-top:3px;
	position:absolute;
	text-align:center;
	top:155px;
	width:58px;
	cursor:pointer;
	z-index:10;
}
#loginBox .send {
	position:absolute;
	top:155px;
	left:21px;
}
/* === >Login Box ========================= */


/* === <Inbox ============================= */
/* ======================================== */
#uMail {
	width:650px;
	margin:0px auto 0 auto;
	padding:10px 0 10px 0;
}
#uMail .umFirstLine {
	height:27px;
	margin-bottom:10px;
}
#uMail .umFirstLine .compose {
	width:98px;
	height:27px;
	line-height:27px;
	float:right;
	overflow:hidden;
	cursor:pointer;
	background-position:-174px -273px;
	padding-right:28px;
}
#uMail .umFirstLine .compose a:hover {
	text-decoration:none;
}
#uMail .umFirstLine .moreActions {
	width:154px;
	height:20px;
	line-height:20px;
	float:left;
	overflow:hidden;
	margin-top:5px;
}
#uMail .umSecondLine {
	height:27px;
	background-color:#eeeeee;
	color:#878787;
}
#uMail .umSecondLine a, #uMail .umSecondLine a:hover {
	text-decoration:none;
	color:#878787;
}
#uMail .umSecondLine .umSLine {
}
#uMail .umSLine .col1, #uMail .umSecondLine .umSLine .col2, #uMail .umSLine .col3, #uMail .umSLine .col4 {
	height:27px;
	line-height:27px;
	overflow:hidden;
	float:right;
	border-right:1px solid #dddddd;
	border-left:1px solid #ffffff;
	padding-right:10px;
}
#uMail .umSLine .col1 {
	width:30px;
	border-right:none;
	padding-right:0px;
}
#uMail .umSLine .col1 .cbIcon {
	position:absolute;
	top:11px;
	left:11px;
	width:7px;
	height:7px;
	overflow:hidden;
	background-position:-222px 0px;
}
#uMail .umSLine .col2 {
	width:146px;
}
#uMail .umSLine .col3 {
	width:334px;
}
#uMail .umSLine .col4 {
	width:104px;
	border-left:none;
}
#uMail .umLine {
	height:32px;
	border-bottom:1px solid #dddddd;
	color:#000000;
	cursor:pointer;
}
#uMail .umLine a {
	color:#000000;
}
#uMail .umLine .umVLine {
}
#uMail .umLine .umVLineNew {
	font-weight:bold;
}
#uMail .umVLineSelected {
	background-color:#8b8b8b;
	color:#ffffff;
}
#uMail .umLine .umVLineSelected a {
	color:#ffffff;
}	
#uMail .umLine .umVLine .col1, #uMail .umLine .umVLine .col2, #uMail .umLine .umVLine .col3, #uMail .umLine .umVLine .col4 {
	height:32px;
	line-height:32px;
	overflow:hidden;
	float:right;
	padding-right:10px;
}
#uMail .umLine .umVLine .col1 {
	width:31px;
	padding-right:0px;
}
#uMail .umLine .umVLine .col1 input {
	position:absolute;
	top:8px;
	left:8px;
}
#uMail .umLine .umVLine .col1 span {
	position:absolute;
	top:5px;
	left:5px;
}	
#uMail .umLine .umVLine .col2 {
	width:148px;
}
#uMail .umLine .umVLine .col3 {
	width:336px;
}
#uMail .umLine .umVLine .col4 {
	width:105px;
}
#uMail .umLineMessage {
	display:none;
	min-height:100px;
	margin:10px 0 10px 0;
}
#uMail .umLineMessageBBorder {
	border-bottom:1px solid #dddddd;
}
#uMail .umLine .umHLine .buttons {
	height:27px;
	
}
#uMail .umLineMessage .buttons .replay, #uMail .umLineMessage .buttons .forward, #uMail .umLineMessage .buttons .delete {
	width:43px;
	line-height:27px;
	background-position:-208px -245px;
	text-align:center;
	float:right;
	margin-left:10px;
	color:#0d94ea;
	cursor:pointer;
}
#uMail .umLineMessage .buttons .approve, #uMail .umLineMessage .buttons .ignore {
	width:87px;
	line-height:27px;
	background-position:-110px -189px;
	text-align:center;
	float:left;
	margin-right:10px;
	cursor:pointer;
	font-weight: bold;
	font-size: 12px;
}
#uMail .umLineMessage .buttons .approve{
	color:#91BC01;
}
#uMail .umLineMessage .buttons .ignore{
	color:#E83535;
}
#uMail .umLineMessage .buttons .replay {
}
#uMail .umLineMessage .buttons .forward {
	width:48px;
	background-position:-252px -245px;
}
#uMail .umLineMessage .buttons .delete {
}
#uMail .umLineMessage .writer {
	width:300px;
	height:11px;
	line-height:11px;
	margin-top:5px;
	color:#878787;
}
#uMail .umLineMessage .writer .umhwIcon {
	width:11px;
	height:11px;
	float:right;
	margin:1px 0 0 7px;
	background-position:-66px 0px;
}
#uMail .umLineMessage .messageText {
	padding:15px 20px 15px 20px;
	line-height:16px;
}
#uMail .umLineNoBBorder {
	border-bottom:none;
}
#uMail .umLastLine {
	height:37px;
	background-color:#eeeeee;
	color:#8f8f8f;
	padding:0 10px 0 10px;
}
#uMail .umLastLine .mark {
	width:260px;
	line-height:37px;
	float:right;
}
#uMail .umLastLine .pagination {
	width:260px;
	line-height:37px;
	float:left;
	text-align:left;
}
/* <Compose */
#uMail .umFirstLineCompose {
	height:27px;
	padding-right:10px;
	margin-bottom:10px;
}
#uMail .umFirstLineCompose .send {
	width:36px;
	height:27px;
	line-height:25px;
	float:right;
	overflow:hidden;
	cursor:pointer;
	background-position:-131px -245px;
	padding-right:40px;
	margin-left:10px;
}
#uMail .umFirstLineCompose .close {
	width:37px;
	height:27px;
	line-height:25px;
	float:right;
	overflow:hidden;
	cursor:pointer;
	background-position:-121px -217px;
	padding-right:39px;
	margin-left:10px;
}
#uMail .umLastLineCompose {
	height:27px;
	padding-right:10px;
}
#uMail .umLastLineCompose .send {
	width:36px;
	height:27px;
	line-height:25px;
	float:right;
	overflow:hidden;
	cursor:pointer;
	background-position:-131px -245px;
	padding-right:40px;
	margin-left:10px;
}
#uMail .umLastLineCompose .close {
	width:37px;
	height:27px;
	line-height:25px;
	float:right;
	overflow:hidden;
	cursor:pointer;
	background-position:-121px -217px;
	padding-right:39px;
	margin-left:10px;
}
#uMail .umCompose {
	padding:20px 0 20px 0;
	background-color:#eeeeee;
	border-top:1px solid #dddddd;
	border-bottom:1px solid #dddddd;
	margin-bottom:10px;
}
#uMail .umFirstLineCompose .send a, #uMail .umFirstLineCompose .close a, #uMail .umLastLineCompose .send a, #uMail .umLastLineCompose .close a {
	text-decoration:none;
}
#uMail .umCompose .umcLine {
	margin-bottom:10px;
	padding:0 10px 0 10px;
	width:650px;
}
#uMail .umCompose .umcLine .umcLabel {
	width:100px;
	height:21px;
	line-height:21px;
	font-weight:bold;
	color:#878787;
	float:right;
}
#uMail .submit {	
	width:1px;
	height:1px;
	font-size:1px;
	position:absolute;
	top:-1000px;
}
#uMail .umCompose .umcLine .umcLabel .twoArrow, #uMail .umCompose .umcLineTextarea .umcLabel, .twoArrow {
	font-weight:normal;
}
#uMail .umCompose .umcLine .umcField {
	width:528px;
	height:21px;
	float:left;
}
#uMail .umCompose .umcLine .umcField input {
	width:526px;
	height:19px;
	border:1px solid #bdc7d8;
}
#uMail .umCompose .umcLineTextarea {
	padding:0 10px 0 10px;
}
#uMail .umCompose .umcLineTextarea .umcLabel {
	width:100px;
	height:219px;
	font-weight:bold;
	color:#878787;
	float:right;
}
#uMail .umCompose .umcLineTextarea .umcField {
	width:528px;
	height:219px;
	float:left;
}
#uMail .umCompose .umcLineTextarea .umcField textarea {
	width:526px;
	height:217px;
	border:1px solid #bdc7d8;
	overflow:auto;
}
#uMail .umCompose .umcSeparator {
	height:1px;
	line-height:1px;
	font-size:1px;
	overflow:hidden;
	background-color:#dddddd;
	width:100%;
	clear:both;
}
/* >Compose */
/* === >Inbox ============================= */

/* === <Expert ============================ */
.expertSectionContainer {
	width:670px;
	overflow:hidden;
	float:right;
	margin-top:25px;
}
.expertSectionContainer h2 {
	color:#ee8530;
}
.expertSection {
	width:670px;
	background-color:#ffffff;
	overflow:hidden;
	float:right;
	margin-top:20px;
}
.expertSectionPadding {
	padding:10px;
}
.expertSectionPaddingSmall {
	padding:8px;
}
.espGray {
	background-color:#eeeeee;
	color:#878787;
}
.espgTitle {
	font-weight:bold;
	color:#ee8530;
}
.expertSectionTitle {
	height:37px;
	line-height:37px;
	padding-right:10px;
}
.expertSectionCloser {
	height:37px;
	line-height:37px;
	padding-right:10px;
}
.expertSectionFirst {
	margin-top:0px;
}
.questions {
	width:650px;
	margin-top:5px;
}
.questions .userQuestion {
	float:right;
	clear:right;
	width:100%;
	margin-bottom:15px;
}
.questions .userQuestion .uqDetails {
	float:left;
	width:562px;
	line-height:16px;
}
.questions .userQuestion .uqDetails a.title {
	font-size:16px;
}
.esEdit {
	width:52px;
	height:15px;
	line-height:15px;
	position:absolute;
	top:11px;
	left:0px;
}
.esEditIcon {
	width:15px;
	height:15px;
	overflow:hidden;
	background-position:-230px 0px;
	float:right;
	margin-left:5px;
}
#expert {
	width:670px;
	overflow:hidden;
	float:right;
	margin-top:0px;
	padding-top:42px;
}
#expert h1 {
	padding-top:10px;
	color:#000000;
}
#expert .expertAvatar {
	width:209px;
	height:209px;
	overflow:hidden;
	border:1px solid #d0d0d0;
	position:absolute;
	top:0px;
	right:10px;
	z-index:10;
}
#expert .expertAvatar img {
	width:205px;
	height:205px;
	border:2px solid #ffffff;
}
#expert .expertMenu {
	width:436px;
	height:27px;
	overflow:hidden;
	position:absolute;
	top:2px;
	left:0px;
}
#expert .expertMenu .emb1, #expert .expertMenu .emb2, #expert .expertMenu .emb3, #expert .expertMenu .emb4 {
	float:right;
	height:27px;
	line-height:25px;
	padding-right:29px;
	overflow:hidden;
	color:#0d94ea;
	cursor:pointer;
	margin-left:12px;
}
#expert .expertMenu .emb1 {
	width:69px;
	background-position:-202px -111px;
}
#expert .expertMenu .emb2 {
	width:64px;
	background-position:-207px -139px;
}
#expert .expertMenu .emb3 {
	width:65px;
	background-position:-206px -167px;
}
#expert .expertMenu .emb4 {
	width:73px;
	color:#ffffff;
	font-weight:bold;
	background-position:-198px -195px;
}
#expert .expertTitleLogo {
	position:absolute;
	top:55px;
	left:10px;
	width:80px;
	z-index:9;
}
#expert .expertTitleLogo .ett {
	background-color:#eeeeee;
	color:#878787;
	padding:6px 8px 6px 8px;
	max-height:50px;
	text-align:center;
	overflow:hidden;
}
#expert .expertTitleLogo .etl {
	margin-top:8px;
	text-align:center;
	overflow:hidden;
	max-height:100px;
}
#expert .expertDetails {
	height:183px;
	padding:0 240px 0 125px;
	background-color:#ffffff;
	color:#878787;
}
#expert .expertMood {
	margin:16px 0 12px 0;
	height:22px;
	line-height:22px;

}
#expert .expertStatus {
	color:#ee8530;
	font-size:14px;
}
#expert .statusTime {
	color:#d0d0d0;
	font-size:11px;
}
.expertMyFriendsMyActivities {
}
.expertMyFriends {
	width:325px;
	float:right;
}
.expertMyActivities {
	width:325px;
	float:left;
}
.espGrayHeight {
	height:104px;
}
.espWhiteHeight {
	height:104px;
	background-color:#ffffff;
}
.expertMyFriendsMyActivities .userAvatar {
	margin-left:1px;
}
.recentActivity {
	width:100%;
	height:18px;
	line-height:18px;
	margin-bottom:10px;
	float:right;
	clear:right;
}
/* === >Expert ============================ */



/* === <Register ========================== */
/* ======================================== */
#registerContent {
	width:670px;
	background-color:#ffffff;
	overflow:hidden;
	float:right;
	margin-top:25px;
	padding:5px 0 5px 0;
}
#userTopMenu .umRegisterTitle {
	width:94px;
}
#register {
	padding:10px;
}
#registerSubTitle {
	background-color:#eeeeee;
	border-bottom:1px solid #dddddd;
	color:#878787;
	padding-right:10px;
	height: 27px;
	line-height: 23px;
}
#registerSubTitle .twoArrow {
	color:#ee8530;
}
.registerLine {	
}
.registerLine .twoArrow {
	color:#ee8530;
}
.rlLabel {
	width:100px;
	float:right;
	margin-left:10px;
	font-weight:bold;
	color:#878787;
}
#register .rlInput {
	border:1px solid #bdc7d8;
	width:192px;	
	height:19px;	
	float:right;
	color:#878787;
}
.rlSex {
	width:300px;
	float:right;
}
.rlRadio {
	margin-left: 6px;
}
.sexLabel {
	color: #878787;
	margin-left: 40px;
	width: 150px;
}
#bottomRegister {
	border-top: 1px solid #dddddd;
	height: 48px;
	padding-right: 10px;
}
.brTermUse {
	float: right;
	margin-top: 14px;
}
.brLabel {
	color: #878787;
	font-size: 11px;
	position: absolute;
	width: 150px;
}
.brCheck {
	margin-left: 8px;
}

.brTULabel {
	color: #0D94EA;	
	font-size: 11px;
}
.regSubmit {
	background:#EE8530 url(../img/tsl.png) no-repeat left top;
	color:#ffffff;
	cursor:pointer;
	font-size:12px;
	font-weight:bold;
	height:18px;
	left:11px;
	overflow:hidden;
	padding-top:3px;
	position:absolute;
	text-align:center;
	top:10px;
	width:98px;
	cursor:pointer;
	z-index:99;
}

#bottomRegister .send {
	position:absolute;
	top:10px;
	left:11px;
}

.regMessages {
	margin-left: 78px;
	height: 21px;
	float: left;
	width: 254px;
}

.regMesLeft {
	background-image:url(../img/regMsRgt.png);
	height: 21px;
	width: 10px;	
	float: right;
}
.regMesRight {
	width: 244px;
	height: 21px;
	background-color: #FFFDCA;
	float: left;
	overflow: hidden;
	color : #878787;
	font-size:11px;	
	text-align:center;
	line-height: 20px;
}

.regMessages .password{
	height: 37px;
	text-align: justify;
}

.regMesRight .password {
}

#registerPersonalSubTitle {
	border-bottom:1px solid #dddddd;
	color:#91BC01;
	font-size: 19px;
	font-weight: bold;
	line-height: 65px;
}
#register .rlSelect {
	width: 59px;
	font-size: 12px;
	color: #878787;
	margin-left: 9px;
	float:right; 
	border:1px solid #bdc7d8;
}
#register .rlSelectArea {
	width: 194px;
	float: right;
	color: #878787;
	border:1px solid #bdc7d8;
}
#register .rlTextArea {
	width: 299px;
	height: 87px;
	float: right;
	color:#878787;
	border:1px solid #bdc7d8;
}
#register .rlInputPic {
	width: 232px;
	height:19px;
	float: right;
	border:1px solid #bdc7d8;
	text-align: left;
	text-indent: -10px;
	color:#878787;
}
.myTitle{
	color: #C3C3C3;
	font-size: 19px;
	font-weight: bold;
}
.therapyTitle {
	color: #789EC8;
	font-size: 19px;
	font-weight: bold;
}
.regBrowse {
	width: 67px;
	height:21px;
	background-color:#878787; 
	float: left;
	color: white;
	text-align: center;
	line-height: 19px;
	cursor: pointer;
}
.fakefile {
	position: absolute;
	top: 0px;
	left: 0px;
	z-index: 1;
}
div.fileinputs {
	position: relative;
	width: 301px;
	height: 21px;
	float: right;
}

input.file {
	position: relative;
	text-align: left;
	float:left;
	z-index: 2;
	-moz-opacity:0 ;
	filter:alpha(opacity: 0);
	opacity: 0;
	cursor: pointer;
}

.regMessageMe {
	float: left;
	width: 205px;
}
.regMessageMeRight {
	width: 195px;
	height: 37px;
	background-color: #FFFDCA;
	float: left;
	overflow: hidden;
	color : #878787;
	font-size:11px;	
	text-align: center;
	line-height: 20px;
}

.regValidateMes {
	color: red;
	padding-right: 110px;
}
	
/* === >Register ========================== */




/* === <Experts ========================== */
/* ======================================== */
#expertsTitle {
	color:#878787;
	padding-right:10px;
	padding-top:1px;
	height:28px;	
	line-height: 20px;
}
#expertsTitle .theExperts {
	color: #EE8530;
	font-weight: bold;
	font-size: 15px;
}
.expertsByName {
	color: #4B7DB5;
	font-weight: bold;
	font-size: 15px;
}
.filterTitle {
	color:#878787;
	padding-right:10px;
	line-height:33px;	
	background-color: #EEEEEE;
	border-top:1px solid #dddddd;
	border-bottom: 1px solid #dddddd;
	height: 33px;
}

.filterTypeUp {
	margin-top:12px;
	float: right;
	margin-left:10px;
	margin-right:10px;
	color: #0D94EA;
	background-position:-155px -12px;
	height: 11px;
	cursor: pointer;
	line-height: 9px;
}

.filterTypeDown {
	margin-top:12px;
	float: right;
	margin-left:10px;
	margin-right:10px;
	color: #0D94EA;
	background-position:-155px 0px;
	height: 11px;
	cursor: pointer;
	line-height: 9px;
}

.filterComboDown {
	margin-top:9px;
	float: right;
	margin-left:10px;
	margin-right:10px;
	width: 120px;
	height: 17px;
	cursor: pointer;
	line-height: 14px;
}

.filterComboDown span.select {
	position:absolute;
	width:120px;
	height:20px;
	font-size:12px;
	background:url(../img/exselect.png) no-repeat;
	background-position:0px 0px;
	overflow:hidden;
	color:#0D94EA;
	padding: 0px 0px 0px 0px ;
}

.filterComboDownSelect {
	margin-top:9px;
	float: right;
	margin-left:10px;
	margin-right:10px;
	width: 120px;
	height: 17px;
	cursor: pointer;
	line-height: 14px;
}

.filterComboDownSelect span.select {
	position:absolute;
	width:120px;
	height:20px;
	font-size:12px;
	background:url(../img/exselect.png) no-repeat;
	background-position:0px 0px;
	overflow:hidden;
	color:#878787;
	font-weight:bold;
	padding: 0px 0px 0px 0px ;
}

.filterComboUp {
	margin-top:9px;
	float: right;
	margin-left:10px;
	margin-right:10px;
	color: #0D94EA;
	background-position:-45px -130px;
	width: 60px;
	height: 17px;
	cursor: pointer;
	line-height: 14px;
}

.filterTypeUpSelect {
	margin-top:12px;
	float: right;
	margin-left:10px;
	margin-right:10px;
	color: #0D94EA;
	background-position:-122px -124px;
	height: 11px;
	cursor: pointer;
	line-height: 9px;
}

.filterTypeDownSelect {
	margin-top:12px;
	float: right;
	margin-left:10px;
	margin-right:10px;
	color: #0D94EA;
	background-position:-122px -112px;
	height: 11px;
	cursor: pointer;
	line-height: 9px;
}	

.name{
	width: 67px;
}
.date{
	width: 39px;
}
.specialty{
	width: 50px;
}	
.polpular{
	width: 57px;
}

.selected{
	font-weight: bold;
	color: #878787;
}

.expertRow {
	height: 106px;
	background-color: #FFFDCA;
	border-bottom: 1px solid #dddddd;
	padding: 10px;
}

.expertRow .userAvatar {
	margin-top: 10px;
	margin-left: 10px;
	height: 99px;
}

.expertRow .userAvatar a img {
	width:70px;
	height:70px;
	border:2px solid #ffffff;
}

.expertRow .uqDetails {
	margin-top: 11px;	
	color: #878787;
}

.expertRow .uqDetails .title {
	color: #0D94EA;
	font-size: 15px;
	text-decoration: underline;
	float: right;
}

.expertRow .uqDetails .tags {
	font-size: 12px;
	text-decoration: underline;
}

.erButtons {
	position: absolute;
	top: 90px;
	left: 11px;	
	width: 210px;
	height: 27px;
}

#experts .expertRow .erButtons .erSend {
	float:right;
	width:98px;
	height:27px;
	background-position:0px -231px;
	text-indent:30px;
	line-height: 25px;
	color: #0D94EA;
	cursor: pointer;
}

#experts .expertRow .erButtons .erMeet{
	float:left;
	width:102px;
	height:27px;
	background-position:0px -202px;
	text-indent:30px;
	line-height: 25px;
	color: white;
	font-weight: bold;
	cursor: pointer;
	margin-right: 10px;
}
.financedLink {
	color: #878787;
	float: left;
	font-size: 11px;
	margin-top:-5px;
	height: 11px;
}
	
#experts .userAvatar .iconChatYellowOn {
	margin-top: 10px;
}

#experts .userAvatar .iconChatWhiteOff {
	margin-top: 10px;
}

#experts .userAvatar .iconMailYellowOn {
	margin-top: 10px;
}

#experts .userAvatar .iconMailYellowOff {
	margin-top: 10px;
}

.expertPro {
	float:right;
	width:105px;
	height:22px;
	background-position:0px -180px;
	text-indent:10px;
	line-height: 22px;
	color: #878787;
	cursor: pointer;
	font-size: 11px;
}

.regularRow {
	background-color: white;
}

.expertPagination {
	height: 37px;
	text-align: center;
	line-height: 40px;
}

.epOutOf {
	font-size: 13px;
	color: #878787;
}

.epNextPrev {
	font-size: 13px;
}

/* === >Experts ========================== */

/* === <Friend Box ======================= */
/* ======================================= */
#friendDiv {
	width: 490px; 
	height: 316px;
	border: 1px solid #DDDDDD;
	position: absolute;
	left: 0px;
	top: 0px;	
}

#friendTitle {
	width:490px;
	background-color: #F3F3F3;
	padding: 8px 10px 10px 10px;
	border-bottom: 1px solid #DDDDDD;
	height: 18px;
}

.inviteTitle {
	color: #EE8530;
	font-weight: bold;
	font-size: 18px;
	width: 150px;
	float:right;
	line-height: 22px;
}

#friendDiv .closeWindow {
	width:24px;
	height:22px;
	background-position:-246px 0px;
	cursor:pointer;
	margin-right: 447px;
	line-height: 58px;
}

#toRow {
	height: 27px;
	border-bottom: 1px solid #DDDDDD;
	padding: 10px;
}

.trSpanTo{
	color: #BBBBBB;
	font-size: 12px;
	font-weight: bold;
	line-height: 20px;
}
	
.trSpanName {
	color: #0D94EA;
	font-size: 12px;
	font-weight: bold;
	line-height: 20px;
	margin-right: 3px;
}

#subjectRow {
	height: 98px;
	background-color: #F3F3F3;
	border-bottom: 1px solid #DDDDDD;
	padding: 4px 10px 10px 10px;
}

.srSubject {
	color: #BBBBBB;
	font-size: 12px;
	font-weight: bold;
}

.srSubjectDesc {
	color: #91BC01;
	font-size: 12px;
	font-weight: bold;
	line-height: 8px;
}

.srText {
	width: 449px;
	height: 53px;
	background-color: white;
	margin-top: 7px;
}

.srTextArea {
	width: 449px;
	height: 53px;
	color: #878787;
	font-size: 15px;
	padding: 10px;
	background-color: white;
	border: 1px solid #DDDDDD;
}

#approveRow {
	height: 44px;
	border-bottom: 1px solid #DDDDDD;
	color: #878787;
	font-size: 12px;
	padding: 10px;
}

#friendDiv .lbSubmit {
	background:#EE8530 url(../img/tsl.png) no-repeat left top;
	color:#ffffff;
	cursor:pointer;
	font-size:12px;
	font-weight:bold;
	height:19px;
	left:9px;
	overflow:hidden;
	padding-top:3px;
	position:absolute;
	text-align:center;
	top:274px;
	width:58px;
	cursor:pointer;
	z-index:10;
}

#frBottomRow {
	height: 53px;
}

#fdBottom {
	color: #878787;
	font-size: 13px;
	position:absolute;
	top:276px;
	left:76px;
}
/* === >Friend Box ======================= */

/* === <Support Group ==================== */
/* ======================================= */

#welcomeSupportContainer {
	width:670px;
	background-color:#ffffff;
	overflow:hidden;
	float:right;
	margin-top:25px;
	padding:5px 0 5px 0;
	height: 160px;
}

#wsTitle {
	border-bottom: 1px solid #DDDDDD;
	padding:6px 10px 15px 10px;
	color: #4B7DB5;
	font-size: 20px;
}

.wsData {
	padding: 15px 10px 0px 10px;
	color: #878787;
	font-size: 12px;
}

.wsdTitle {
	color: #EE8530;
	font-size: 14px;
	font-weight: bold;
	padding-bottom: 1px;
}

.wsdRead {
	line-height: 45px;
}

.supQuestion {
	background-position: -45px -148px;
	height:27px; 
	width: 97px;
	position: absolute;
	left: 10px;
	top: 7px;
	color: white;
	text-indent: 30px;
	line-height: 25px;
	font-weight: bold;
	cursor: pointer;
}

.supJoinGroup {
	background-position: 0px -301px;
	height:27px; 
	width: 115px;
	position: absolute;
	left: 118px;
	top: 7px;
	color: #0D94EA;
	text-indent: 30px;
	line-height: 25px;
	cursor: pointer;
}

#questionSupportContainer {
	width:670px;
	background-color:#ffffff;
	overflow:hidden;
	float:right;
	margin-top:20px;
	padding:10px 0 0 0;
	height: 560px;
}

.supQuestTitle{
	background:url(../img/supquest.png) no-repeat 0 0;
	height: 65px;
	padding-top: 34px;
	padding-right: 19px;
	margin-left: 10px;
}

.sqInput {
	width: 548px;
	height: 20px;
	border: 1px solid #B7D359;
	color: #878787;
	font-size: 13px;
	padding: 5px 10px 0px 10px;
	float: right;
	overflow: hidden;
	line-height: 13px;
}

.qscCharLeft {
	color: white;
	font-size: 11px;
	line-height:24px;
	width: 150px;
	height: 15px;
}

.qsInput {
	background-color: green;
	border: none;
}

.supSend {
	background-position: 0px -329px;
	height:27px; 
	width: 51px;	
	color: #0D94EA;
	float: left;
	font-weight: bold;
	margin-left: 10px;
	text-align: center;
	line-height: 25px;
	cursor: pointer;
}

#qsQuestions {
	height: 368px;
	border-bottom: 1px solid #DDDDDD;
	padding: 10px 10px 10px 10px;
}

.qsqTitle {
	color: #EE8530;
	font-weight: bold;
	font-size: 15px;
	height: 36px;
	border-bottom: 1px solid #DDDDDD;
	line-height: 31px;
	padding: 0 10px 0 10px;
}

#qsQuestions .userQuestion{
	height: 104px;
}

#qsQuestions .userAvatar{
	float: right;
}

#qsQuestions .uqDetails{
	float: left;
	width: 564px;
}
#qsQuestions .userQuestion .uqDetails a.title {
	font-size:16px;
	text-decoration: underline;
	color: #0D94EA;
}
#qsQuestions .tagsTitle {
	color:#878787;
}
#qsQuestions a.orange {
	font-size: 12px;
	color:#ee8530;
}
#qsQuestions a {
	font-size: 12px;
	color:#0D94EA;
}
#qFooter {
	padding: 6px 10px 10px 0;
	color:#878787;
	font-size: 12px;
}

#qFooter a{
	color: #0D94EA;
	text-decoration: underline;
}

#supExpertsContainer {
	width:325px;
	background-color:#ffffff;
	overflow:hidden;
	float:right;
	margin-top:20px;
	height: 193px;	
}

#supExpertsContainer h2 {
	color: #91BC01;
}

.expertSectionCloser a {
	color: #0D94EA;
	text-decoration: underline;
}

#supExpertsContainer .expertSectionCloser {
	line-height: 30px;
}

#supActivityContainer {
	width:325px;
	background-color:#ffffff;
	overflow:hidden;
	margin-top:20px;
	height: 406px;	
	margin-right: 20px;
	color: #878787;
	float: right;
}
#supActivityContainer h2 {
	color: #EE8530;
}

#supActivityContainer a{
	color: #0D94EA;
}

#supActivityContainer .expertSectionCloser {
	line-height: 30px;
}

#supActivityContainer .espWhiteHeight {
	height:317px;
}

#supActivityContainer .recentActivity {
	margin-top: 1px;
}

#supActivityContainer .rcIcon1, .rcIcon2, .rcIcon3, .rcIcon4 {
	margin:0 0 0 10px;
}

#supFriendsContainer {
	width:325px;
	background-color:#ffffff;
	overflow:hidden;
	float:right;
	margin-top:20px;
	height: 193px;	
}

#supFriExp{
	float: right;
}

#supFriendsContainer h2 {
	color: #EE8530;
}

#supFriendsContainer .expertSectionCloser {
	line-height: 30px;
}

/* === >Support Group ==================== */


/* === <Answer =========================== */
/* ======================================= */

#answerContainer {
	height: 472px;
}

.answerTitle {
	border-bottom: 1px solid #DDDDDD;
	height: 46px;
}

.atTitle {
	color: #91BC01;
	font-weight: bold;
	font-size: 20px;
	float: right;
	padding: 0 10px 0 10px;
	line-height: 40px;
}

.answerQuest {
	border-bottom: 1px solid #DDDDDD;
	height: 15px;
	background-color: #EEEEEE;
	padding: 8px 10px 10px 10px;
}

.aqQuest {
	color: #878787;
}

.aqQuest span {
	color: #91BC01;
	font-weight: bold;
}

.answerAnswer {
	height: 241px;
	border-bottom: 1px solid #DDDDDD;
	padding: 0 10px 0 10px;
}

.aaYourAns {
	font-weight: bold;
	color: #878787;	
	float: right;
	line-height: 75px;
}

.aaYourAns span{
	font-weight: normal;
}

.aaText{
	height: 201px;
	float: left;
	width: 522px;
	margin-top: 20px;
}

.aatTextBox {
	border: 1px solid #BDC7D8;
	width: 520px;
	height: 134px;
	background-color: #FFFFFF;
	color: #878787;
}

.aatCharLeft {
	color: #878787;
	font-size: 11px;
	line-height: 20px;
}

.aatCharLeft span{
	color: #91BC01;
}

.aatAlert {
	margin-top: 10px;
}

.aatAlert span{
	font-weight: bold;
	color: #EE8530;
}

.aataCheck {
	margin-top: 4px;
	width: 100px;
	color: #878787;
}

.answerInfo {
	height: 60px;
	background-color: #EEEEEE;
	border-bottom: 1px solid #DDDDDD;
	padding: 20px 20px 20px 20px;  
	color: #878787;
}

#answerBottom {
	padding-top:10px;
	padding-left:10px;
	float: left;
	width: 100px;
}

#answerBottom label {
	float: right;
	line-height: 20px;
	color: #878787;
}

#answerBottom a{
	color: #0D94EA;
	font-size: 12px;
}

#answerBottom .lbSubmit {
	background:#EE8530 url(../img/tsl.png) no-repeat left top;
	color:#ffffff;
	cursor:pointer;
	font-size:12px;
	font-weight:bold;
	height:19px;
	overflow:hidden;
	padding-top:3px;
	text-align:center;
	width:58px;
	cursor:pointer;
	z-index:10;
	float: left;
}

.ansBack {
	background-position: -52px -329px;
	height:27px; 
	width: 131px;	
	color: #0D94EA;
	float: left;
	margin-left: 10px;
	text-indent: 30px;
	line-height: 25px;
	cursor: pointer;
	margin-top: 7px;
}

#answerBottom .submit {
	width:1px;
	height:1px;
	font-size:1px;
	position:absolute;
	top:-1000px;
}
/* === >Answer ==================== */


/* === <AskQuestion =============== */
/* ================================ */

#questionContent {
	width:670px;
	background-color:#ffffff;
	overflow:hidden;
	float:right;
	margin-top:25px;
	padding:5px 0 5px 0;
}

#questionContent .aatTextBox{
	width: 337px;
	height: 21px;
	color: #878787;
	font-size: 12px;
	padding: 2px 2px 2px 2px;
}
	
#questionContent .aatTextBoxExtra{
	width: 337px;
	height: 70px;
}

#questionContent .answerAnswer {
	height: 317px;
}

#questionContent #answerContainer {
	height: 548px;
}

#questionContent .aaYourAns {
	font-weight: bold;
	color: #878787;	
	float: right;
	line-height: 10px;
}

#questionContent .aaText {
	width: 352px;
	height: 280px;
	float: right;
}

.aaTitle {
	height: 317px;
	width: 128px;
	float: right;
}

.aaInfo {
	width: 160px;
	height: 210px;
	float: left;
	margin-top: 22px;
}

#questionContent .regMessages {
	margin-left: 0px;
	height: 21px;
	float: left;
	width: 160px;
}

#questionContent .regMesRight {
	width: 150px;
	text-align: right;
}

.h15 {
	height:15px;
	line-height:15px;
}

.tagsSugg {
	float: right;
	text-align: right;
	direction: rtl;
	background-color: white;
}

.sugClass {
	top: 0px;
	left: 0px;
	position: absolute;
	background-color: white;
}

#questionContent .submit {
	width:1px;
	height:1px;
	font-size:1px;
	position:absolute;
	top:-1000px;
}

#questionContent .lbSubmit {
	z-index: 200;
}


/* === >AskQuestion ================== */



/* === <Question =============== */
/* ================================ */

#question {
	width: 650px;
	height: 111px;	
	padding: 15px 10px 0px 10px;
}

#question .title {
	color: black;
	font-weight: bold;
	font-size: 18px;
}

#question .uqDetails {
	float: left;
	width: 555px;
}

#question .uqDetails .tags{
	color: #0D94EA;
	text-decoration: underline;
}

#question .userAvatar{
	float: right;
}

#answerContent {
	width:670px;
	background-color:#ffffff;
	overflow:hidden;
	float:right;
	margin-top:20px;
}

#answer {
}

.qanswerTitle {
	height: 27px;
	padding: 10px 10px 10px 10px;
}

#answer .atTitle {
	color: #CAC9C9;
	font-weight: bold;
	font-size: 14px;
	padding: 0px 0px 0px 0px;
	line-height: 23px;
}

#answer .atTitle span {
	color: #EE8530;
	font-weight: bold;
	font-size: 14px;
}

.qAns {
	background-position: -203px -301px;
	height:27px; 
	width: 97px;	
	color: #0D94EA;
	float: left;
	text-indent: 30px;
	line-height: 25px;
	cursor: pointer;
	font-weight: bold;
}

.questAnswer {
	height: 129px;
	border-top: 1px solid #DDDDDD;
	padding: 20px 10px 0px 10px;
}

#answer .uqDetails {
	float: left;
	width: 555px;
	font-stretch: expanded;
}
	
.answerDate {
	color: #878787;
}

/* === >Question ================== */


/* === <Tag ======================= */
/* ================================ */

#tagContent {
	width:670px;
	background-color:#ffffff;
	overflow:hidden;
	float:right;
	margin-top:25px;
	padding:5px 0 5px 0;
}

#questions .userQuestion {
	height: 105px;
	margin-right: 10px;
}

#questions .userQuestion .uqDetails a.title {
	font-size:16px;
	text-decoration: underline;
	color: #0D94EA;
}

#questions .uqDetails {
	float: left;
	width: 575px;
	font-stretch: expanded;
}

#questions .userAvatar{
	float: right;
}

#questions .expertPagination {
	border-top: 1px solid #DDDDDD;
	height: 41px;
}

#tagContent .filterTypeUpSelect{
	line-height: 11px;
}

#tagContent .filterTypeDownSelect{
	line-height: 11px;
}

/* === >Tag ======================= */

/* === <Friends =================== */
/* ================================ */

#friends {
	height: 476px;
	padding: 20px 0px 20px 0px;
}

#friends .userAvatar{
	float: right;
	margin-left: 9.5px;
	margin-right: 10px;
}

.friendsRow {
	width: 670px;
	height: 124px;
	float: right;
}

#friendsBottom {
	height: 32px;
	border-top: 1px solid #DDDDDD;
	padding: 15px 0px 0px 0px;
	text-align: center;
}

.epOutOf a {
	font-size: 13px;
	color: #878787;
}

/* === >Friends ======================= */

/* === <groups ==================== */
/* ================================ */

#groupsList {
	width:670px;
	background-color:#ffffff;
	float:right;
	margin-top:25px;
	height: 233px;
}

.glTitle{
	height: 41px;
	padding-right: 10px;
	color: #4B7DB5;
	font-size: 22px;
	font-weight: bold;
	padding-top: 10px;
}

.glLetters {
	height: 33px;
	background-color: #EEEEEE;
	border-top: 1px solid #DDDDDD;
	border-bottom: 1px solid #DDDDDD;
	padding: 0 10px 0 0;
}

.gllPopularGroups {
	color: #EE8530;
	font-weight: bold;
	margin-left: 13px;
	float: right;
	line-height: 30px;
}	

.letters {
	float: right;
	margin-left: 15px;
}

.letters a{
	color: #0D94EA;
	font-weight: bold;
	font-size: 13px;
	line-height: 30px;
}

.glGroupsList {
	padding: 10px 10px 15px 0px;
	height: 122px;
}

.groupName{
	width: 150px;
	height: 20px;
	float: right;
}

.groupName a{
	color: #EE8530;
	font-size: 12px;
}

.group {
	float: left;
}

.letterSelected {
	background-position: -184px -329px;
	height:21px; 
	width: 24px;	
	margin-left: 15px;
	text-indent: 8px;
	margin-top: 6px;
	float: right;
}

.letterSelected a{
	color: #EE8530;
	font-weight: bold;
	line-height: 18px;
}
/* === >groups ==================== */

/* === <cloud ==================== */
/* ================================ */

.cloudTitle {
	height: 34px;
	border-bottom: 1px solid #DDDDDD;
	padding-right: 10px;
	color: #EE8530;
	font-weight: bold;
	font-size: 15px;
	line-height: 23px;
}
.cloudTags {
	padding: 0px 10px 0px 10px;
	height: 192px;
	text-align: right;
	width: 250px;
	margin: auto;
	float: right;
}

.cloudTags .linkCloud{
	cursor: pointer;
	cursor: hand;
}

.cloudTags .linkCloud:link {
	color: #0063DC;
}

.cloudTags .linkCloud:visited {
	color: #1057ae;
}
.cloudTags .linkCloud:hover {
	color: #FFFFFF;
	background: #0063DC;
}

.cloudTags .linkCloud:active { 
	color: #FFFFFF;
	background: #0259C4;
}

/* === >cloud ==================== */